<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Amaze UI Admin index Examples</title>
    <meta name="description" content="这是一个 index 页面">
    <meta name="keywords" content="index">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="icon" type="image/png" href="${pageContext.request.contextPath}/assets/i/favicon.png">
    <link rel="apple-touch-icon-precomposed" href="${pageContext.request.contextPath}/assets/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <script src="${pageContext.request.contextPath}/assets/js/echarts.min.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/assets/css/amazeui.min.css" />
    <link rel="stylesheet" href="${pageContext.request.contextPath}/assets/css/amazeui.datatables.min.css" />
    <link rel="stylesheet" href="${pageContext.request.contextPath}/assets/css/app.css">
    <script src="${pageContext.request.contextPath}/assets/js/jquery.min.js"></script>
    <script type="text/javascript">
    	window.onload = function(){
			//获取菜单列表    		
    		$.ajax({  
                type: 'POST',  
                url: "../home/getList.shtml",  
                dataType: 'json',  
                success: function (data) {  
                	if(data != null){
                		if(data.code == 1){
                			var menus = data.data;
                			var html = '<li class=\"sidebar-nav-heading\">Menu<span class=\"sidebar-nav-heading-info\"> 菜单</span></li>';
                			for(var i=0;i<menus.length;i++){
                				var name = menus[i].name;
                				var url = ${pageContext.request.contextPath}/+menus[i].url;
                				html+='<li class=\"sidebar-nav-link\"><a href=\"'+url+'\" >'+name+'</a></li>';
                			}
                			//$("#menu").html(html);
                			$(".sidebar-nav").html(html);
                					
                		}
                	}
                },  
            }); 
			//获取登陆信息,图片、用户名显示
    		$.ajax({  
                type: 'POST',  
                url: "../home/getUser.shtml",  
                dataType: 'json',  
                success: function (data) {  
                	if(data != null){
                		if(data.code == 1){
                			var user = data.data;
                			var img = null;
                			var img = ${pageContext.request.contextPath}/+user.picture;
                			if(img != null){
                				$("#userImg img").attr('src',img);		
                			}
                			$("#getUserName").html(user.userName);
                		}
                	}
                },  
            });  
    	}
    </script>
</head>
 <body data-type="widgets">
    <script src="${pageContext.request.contextPath}/assets/js/theme.js"></script>
 <div class="am-g tpl-g">
 <!-- 头部 -->
 <header>
     <!-- logo -->
     <div class="am-fl tpl-header-logo">
         <a href="javascript:;"><img src="${pageContext.request.contextPath}/assets/img/logo.png" alt=""></a>
     </div>
     <!-- 右侧内容 -->
     <div class="tpl-header-fluid">
         <!-- 侧边切换 -->
         <div class="am-fl tpl-header-switch-button am-icon-list">
             <span>

         </span>
         </div>
         <!-- 搜索 -->
         <div class="am-fl tpl-header-search">
             <form class="tpl-header-search-form" action="javascript:;">
                 <button class="tpl-header-search-btn am-icon-search"></button>
                 <input class="tpl-header-search-box" type="text" placeholder="搜索内容...">
             </form>
         </div>
         <!-- 其它功能-->
         <div class="am-fr tpl-header-navbar">
             <ul>
                 <!-- 欢迎语 -->
                 <li class="am-text-sm tpl-header-navbar-welcome">
                     <a href="javascript:;">欢迎你, <span id="getUserName"></span> </a>
                 </li>

                 <!-- 新邮件 -->
                 <li class="am-dropdown tpl-dropdown" data-am-dropdown>
                     <a href="javascript:;" class="am-dropdown-toggle tpl-dropdown-toggle" data-am-dropdown-toggle>
                         <i class="am-icon-envelope"></i>
                         <span class="am-badge am-badge-success am-round item-feed-badge">4</span>
                     </a>
                     <!-- 弹出列表 -->
                     <ul class="am-dropdown-content tpl-dropdown-content">
                         <li class="tpl-dropdown-menu-messages">
                             <a href="javascript:;" class="tpl-dropdown-menu-messages-item am-cf">
                                 <div class="menu-messages-ico">
                                     <img src="${pageContext.request.contextPath}/assets/img/user04.png" alt="">
                                 </div>
                                 <div class="menu-messages-time">
                                     3小时前
                                 </div>
                                 <div class="menu-messages-content">
                                     <div class="menu-messages-content-title">
                                         <i class="am-icon-circle-o am-text-success"></i>
                                         <span>夕风色</span>
                                     </div>
                                     <div class="am-text-truncate"> Amaze UI 的诞生，依托于 GitHub 及其他技术社区上一些优秀的资源；Amaze UI 的成长，则离不开用户的支持。 </div>
                                     <div class="menu-messages-content-time">2016-09-21 下午 16:40</div>
                                 </div>
                             </a>
                         </li>

                         <li class="tpl-dropdown-menu-messages">
                             <a href="javascript:;" class="tpl-dropdown-menu-messages-item am-cf">
                                 <div class="menu-messages-ico">
                                     <img src="${pageContext.request.contextPath}/assets/img/user02.png" alt="">
                                 </div>
                                 <div class="menu-messages-time">
                                     5天前
                                 </div>
                                 <div class="menu-messages-content">
                                     <div class="menu-messages-content-title">
                                         <i class="am-icon-circle-o am-text-warning"></i>
                                         <span>禁言小张</span>
                                     </div>
                                     <div class="am-text-truncate"> 为了能最准确的传达所描述的问题， 建议你在反馈时附上演示，方便我们理解。 </div>
                                     <div class="menu-messages-content-time">2016-09-16 上午 09:23</div>
                                 </div>
                             </a>
                         </li>
                         <li class="tpl-dropdown-menu-messages">
                             <a href="javascript:;" class="tpl-dropdown-menu-messages-item am-cf">
                                 <i class="am-icon-circle-o"></i> 进入列表…
                             </a>
                         </li>
                     </ul>
                 </li>

                 <!-- 新提示 -->
                 <li class="am-dropdown" data-am-dropdown>
                     <a href="javascript:;" class="am-dropdown-toggle" data-am-dropdown-toggle>
                         <i class="am-icon-bell"></i>
                         <span class="am-badge am-badge-warning am-round item-feed-badge">5</span>
                     </a>

                     <!-- 弹出列表 -->
                     <ul class="am-dropdown-content tpl-dropdown-content">
                         <li class="tpl-dropdown-menu-notifications">
                             <a href="javascript:;" class="tpl-dropdown-menu-notifications-item am-cf">
                                 <div class="tpl-dropdown-menu-notifications-title">
                                     <i class="am-icon-line-chart"></i>
                                     <span> 有6笔新的销售订单</span>
                                 </div>
                                 <div class="tpl-dropdown-menu-notifications-time">
                                     12分钟前
                                 </div>
                             </a>
                         </li>
                         <li class="tpl-dropdown-menu-notifications">
                             <a href="javascript:;" class="tpl-dropdown-menu-notifications-item am-cf">
                                 <div class="tpl-dropdown-menu-notifications-title">
                                     <i class="am-icon-star"></i>
                                     <span> 有3个来自人事部的消息</span>
                                 </div>
                                 <div class="tpl-dropdown-menu-notifications-time">
                                     30分钟前
                                 </div>
                             </a>
                         </li>
                         <li class="tpl-dropdown-menu-notifications">
                             <a href="javascript:;" class="tpl-dropdown-menu-notifications-item am-cf">
                                 <div class="tpl-dropdown-menu-notifications-title">
                                     <i class="am-icon-folder-o"></i>
                                     <span> 上午开会记录存档</span>
                                 </div>
                                 <div class="tpl-dropdown-menu-notifications-time">
                                     1天前
                                 </div>
                             </a>
                         </li>


                         <li class="tpl-dropdown-menu-notifications">
                             <a href="javascript:;" class="tpl-dropdown-menu-notifications-item am-cf">
                                 <i class="am-icon-bell"></i> 进入列表…
                             </a>
                         </li>
                     </ul>
                 </li>

                 <!-- 退出 -->
                 <li class="am-text-sm">
                     <a href="${pageContext.request.contextPath}/login/logout.shtml">
                         <span class="am-icon-sign-out"></span> 退出
                     </a>
                 </li>
             </ul>
         </div>
     </div>

 </header>
 <!-- 风格切换 -->
 <div class="tpl-skiner">
     <div class="tpl-skiner-toggle am-icon-cog">
     </div>
     <div class="tpl-skiner-content">
         <div class="tpl-skiner-content-title">
             选择主题
         </div>
         <div class="tpl-skiner-content-bar">
             <span class="skiner-color skiner-white" data-color="theme-white"></span>
             <span class="skiner-color skiner-black" data-color="theme-black"></span>
         </div>
     </div>
 </div>
 <!-- 侧边导航栏 -->
 <div class="left-sidebar">
     <!-- 用户信息 -->
     <div class="tpl-sidebar-user-panel">
         <div class="tpl-user-panel-slide-toggleable">
             <div id="userImg" class="tpl-user-panel-profile-picture">
                 <img src="${pageContext.request.contextPath}/assets/img/user04.png" alt="">
             </div>
             <span class="user-panel-logged-in-text">
       <i class="am-icon-circle-o am-text-success tpl-user-panel-status-icon"></i>
       禁言小张
   </span>
             <a href="../home/jumpuserinfo.shtml" class="tpl-user-panel-action-link"> <span class="am-icon-pencil"></span> 修改头像</a>
         </div>
     </div>


     <!-- 菜单 -->
     <ul class="sidebar-nav">

         <!-- 菜单列表 -->
         <div id="menu"></div>


     </ul>
 </div>
